<template>
  <div class="show">
    <div class="showleft">
        <p>合计收入(元)</p>
        <h2>1200.00</h2>
    </div>
    <div class="showright">
        <div class="showrighth">
           <ul style="margin-top:30px">
               <li>应收合计(元)</li>
               <li>优惠合计(元)</li>
               <li>实收合计(元)</li>
           </ul>
           <ul style="color:#5a6bef;">
               <li>1400.00</li>
               <li>200.00</li>
               <li>1200.00</li>
           </ul>
        </div>
        <div class="showrightb">
            <ul style="margin-top:30px">
               <li>医保(元)</li>
               <li>会员(元)</li>
               <li>现金(元)</li>
               <li>支付宝(元)</li>
               <li>微信(元)</li>
               <li>银行卡(元)</li>
           </ul>
           <ul style="color:#5a6bef;">
               <li>200.00</li>
               <li>200.00</li>
               <li>200.00</li>
               <li>200.00</li>
               <li>200.00</li>
               <li>200.00</li>
           </ul>
        </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.show {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  
  .showleft {
    float: left;
    width: 200px;
    height: 200px;
    background-color: #fffce9;
    margin:0 30px;
    text-align: center;
    overflow: hidden;

    p {
        font-size: 20px;
        margin-top: 70px;
    }
    h2 {
        font-size: 30px;
        color: #5a6bef;
    }
  }

  .showright {
    margin-left: 240px;
    height: 200px;
    background-color: #fffce9;
    margin-right: 30px;
    text-align: center;

    .showrighth {
        height: 100px;
        overflow: hidden;

        ul {
            display: flex;

            li {
               width: 170px; 
               font-size: 18px;
            }
        }
    }
    .showrightb{
        height: 100px;

        ul {
            display: flex;

            li {
               width: 170px; 
               font-size: 18px;
            }
        }
    }
  }
}
</style>